<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>哈哈</title>
	<style>
		.bbb {
			background-color: #456123;
		}

		.ddd {
			background-color: #0f0 !important;
		}
	</style>
	<link rel="stylesheet" href="./index.css">

</head>

<body>
	<div id="allbody" class="bbb">
		<p class="ccc">你好</p>
		<p class="ddd">你好</p>
		<p id="eee">你好</p>
		<p id="fff">你好</p>
		<p>你好</p>
		<p>你好</p>
		<img src="./1.jpg" />
		<button id="btn">fff</button>

	</div>
	<script>
		document.getElementById('btn').addEventListener('click', function () {
			alert('fsdfds')
		})

		// document.getElementById('btn').addEventListener('click',()=>{
		// 	alert('6666')
		// })
	</script>
	<script src="./index.js"></script>
</body>

</html>